html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#content {
  padding: 20px;
}
.tab-container {
  border-bottom: 1px solid #e4e7ed;
}
.tab-container span {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px;
}
.tab-container span:hover,
.tab-container span.on {
  color: #409eff;
  border-bottom: 2px solid #409eff;
}
table {
  width: 100%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 14px;
  color: #606266;
}
table thead {
  color: #909399;
  font-weight: 500;
}
table thead th {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

table tbody td {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #ebeef5;
}
a {
  color: red;
  list-style: none;
  cursor: pointer;
}
.seat-container {
  overflow: hidden;
  width: 250px;
}
.seat-container span {
  width: 40px;
  height: 40px;
  margin: 0 20px 20px 0;
  float: left;
  background: #0a4b0a;
}
.seat-container span.on {
  background: #ec9900;
}
form label {
  width: 100px;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}
form input[type="submit"] {
  margin-left: 110px;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.search label {
  width: auto;
  margin-bottom: 20px;
}
.search input[type="button"],
.search input[type="submit"] {
  margin-left: 20px;
}
